*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#box{
	width: 1066px;
	height: 600px;
	border: 1px solid #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px -533px;
	background-image: url(../img/download.jpg);
	background-size: 1066px 600px;
}
#box::before,
#box::after{
	content: '';
	display: block;
	width: 45px;
	height: 60px;
	background-color: rgb(0 0 0/.3);
	color: #fff;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
}
#box::before{
	content: '<';
}
#box::after{
	content: ">";
	right: 0;
}
ul{
	list-style: none;
	padding: 2px 4px;
	background-color: rgb(168 157 158);
	overflow: hidden;
	width: -webkit-fit-content;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
}
li{
	width: 15px;
	height: 15px;
	background-color: rgb(255 192 203);
	border-radius: 50%;
	float: left;
}
li:not(:first-child){
	background-color: rgb(183 183 183);
	margin-left: 8px;
}